﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})">
</head>

<body>
   
<div id="main-wrapper">
    <!--顶部样式-->
    <div th:replace="layout::header"></div>
    
    <!--slider section start-->
    <div class="hero-section section position-relative">
           
        <!--Hero Item start-->
        <div class="hero-item player" data-property="{videoURL:'FlME5z9tmLM',mobileFallbackImage:'assets/images/bg/video-bg.jpg',coverImage:'assets/images/bg/video-bg.jpg',containment:'.player',startAt:0,mute:true,autoPlay:true,showControls:false,loop:true,opacity:1}">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                       
                        <!--Hero Content start-->
                        <div class="hero-content">

                            <h3>您想买房还是租房？</h3>
                            <h1><span>老九学堂</span> 帮助您解决一切问题</h1>

                        </div>
                        <!--Hero Content end-->
                        
                    </div>
                </div>
            </div>
        </div>
        <!--Hero Item end-->
        
    </div>
    <!--slider section end-->

    <!--Search Section start-->
    <div class="search-section section pt-0 pt-sm-60 pt-xs-50 ">
        <div class="container">
            
            <!--Section Title start-->
            <div class="row d-flex d-lg-none">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>找到您的房子</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
                <div class="col-12">

                    <!--Hero Search start-->
                    <div class="hero-search">

                        <form action="#">

                            <div>
                                <h4>状态</h4>
                                <select class="nice-select">
                                    <option>租房</option>
                                    <option>卖房</option>
                                </select>
                            </div>

                            <div>
                                <h4>类型</h4>
                                <select class="nice-select"  >
                                    <option th:each="type:${types}" th:text="${type.typeName}"></option>
<!--                                    <option>咖啡馆</option>-->
<!--                                    <option>住宅</option>-->
<!--                                    <option>餐馆</option>-->
<!--                                    <option>商店</option>-->
<!--                                    <option>别墅</option>-->
                                </select>
                            </div>

                            <div>
                                <h4>地理位置</h4>
                                <select class="nice-select">
                                    <option th:each="city:${cities}" th:text="${city.name}"></option>
<!--                                    <option>北京</option>-->
<!--                                    <option>上海</option>-->
<!--                                    <option>广州</option>-->
<!--                                    <option>深圳</option>-->
<!--                                    <option>重庆</option>-->
<!--                                    <option>武汉</option>-->
<!--                                    <option>沈阳</option>-->
<!--                                    <option>福州</option>-->
<!--                                    <option>厦门</option>-->
<!--                                    <option>银川</option>-->
<!--                                    <option>拉萨</option>-->
<!--                                    <option>绵阳</option>-->
<!--                                    <option>遂宁</option>-->
<!--                                    <option>攀枝花</option>-->
<!--                                    <option>简阳</option>-->
<!--                                    <option>德阳</option>-->
<!--                                    <option>金堂</option>-->
<!--                                    <option>泸州</option>-->
<!--                                    <option>内江</option>-->
<!--                                    <option>阆中</option>-->
                                </select>
                            </div>

                            <div>
                                <h4>房间数</h4>
                                <select class="nice-select">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                    <option>6</option>
                                </select>
                            </div>

                            <div>
                                <h4>卫生间数量</h4>
                                <select class="nice-select">
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                    <option>6</option>
                                </select>
                            </div>

                            <div>
                               <h4>搜索</h4>
                                <div class="submit">
                                    <button>点击这里</button>
                                </div>
                            </div>

                        </form>

                    </div>
                    <!--Hero Search end-->

                </div>
            </div>
            
        </div>
    </div>
    <!--Search Section end-->

    <!--New property section start-->
    <div class="property-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-60 pb-lg-40 pb-md-30 pb-sm-20 pb-xs-10">
        <div class="container">
           
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>新增加的房产</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
               
                <!--Property start-->
                <div class="property-item col-lg-4 col-md-6 col-12 mb-40"  th:each="houseVo : ${houseVos}">
                    <div class="property-inner">
                        <div class="image">
                            <a href="single-properties.html"><img src="../assets/images/property/property-1.jpg" alt=""></a>
                            <ul class="property-feature">
                                <li>
                                    <span class="area"><img src="../assets/images/icons/area.png" alt="" th:text="${houseVo.size}"></span>
                                </li>
                                <li>
                                    <span class="bed"><img src="../assets/images/icons/bed.png" alt="" th:text="${houseVo.bed}"></span>
                                </li>
                                <li>
                                    <span class="bath"><img src="../assets/images/icons/bath.png" alt="" th:text="${houseVo.bath}"></span>
                                </li>
                                <li>
                                    <span class="parking"><img src="../assets/images/icons/parking.png" alt="" th:text="${houseVo.parking}"></span>
                                </li>
                            </ul>
                        </div>
                        <div class="content">
                            <div class="left">
                                <h3 class="title"><a href="single-properties.html" th:text="${houseVo.title}"></a></h3>
                                <span class="location"><img src="../assets/images/icons/marker.png" alt="" th:text="${houseVo.location}"></span>
                            </div>
                            <div class="right">
                                <div class="type-wrap">
                                    <span class="price" th:text="${houseVo.price}"></span>
                                    <span class="type" th:text="${houseVo.type}"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Property end-->
               
<!--                &lt;!&ndash;Property start&ndash;&gt;-->
<!--                <div class="property-item col-lg-4 col-md-6 col-12 mb-40">-->
<!--                    <div class="property-inner">-->
<!--                        <div class="image">-->
<!--                            <span class="label">特色</span>-->
<!--                            <a href="single-properties.html"><img src="assets/images/property/property-2.jpg" alt=""></a>-->
<!--                            <ul class="property-feature">-->
<!--                                <li>-->
<!--                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <div class="left">-->
<!--                                <h3 class="title"><a href="single-properties.html">木马山别墅</a></h3>-->
<!--                                <span class="location"><img src="assets/images/icons/marker.png" alt="">城北大道450附22号</span>-->
<!--                            </div>-->
<!--                            <div class="right">-->
<!--                                <div class="type-wrap">-->
<!--                                    <span class="price">￥2550</span>-->
<!--                                    <span class="type">出售</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;Property end&ndash;&gt;-->
<!--               -->
<!--                &lt;!&ndash;Property start&ndash;&gt;-->
<!--                <div class="property-item col-lg-4 col-md-6 col-12 mb-40">-->
<!--                    <div class="property-inner">-->
<!--                        <div class="image">-->
<!--                            <span class="label">热门</span>-->
<!--                            <a href="single-properties.html"><img src="assets/images/property/property-3.jpg" alt=""></a>-->
<!--                            <ul class="property-feature">-->
<!--                                <li>-->
<!--                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <div class="left">-->
<!--                                <h3 class="title"><a href="single-properties.html">皇家一号公寓</a></h3>-->
<!--                                <span class="location"><img src="assets/images/icons/marker.png" alt="">锦江区福字街215号</span>-->
<!--                            </div>-->
<!--                            <div class="right">-->
<!--                                <div class="type-wrap">-->
<!--                                    <span class="price">￥550<span>月</span></span>-->
<!--                                    <span class="type">出租</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;Property end&ndash;&gt;-->
<!--               -->
<!--                &lt;!&ndash;Property start&ndash;&gt;-->
<!--                <div class="property-item col-lg-4 col-md-6 col-12 mb-40">-->
<!--                    <div class="property-inner">-->
<!--                        <div class="image">-->
<!--                            <a href="single-properties.html"><img src="assets/images/property/property-4.jpg" alt=""></a>-->
<!--                            <ul class="property-feature">-->
<!--                                <li>-->
<!--                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <div class="left">-->
<!--                                <h3 class="title"><a href="single-properties.html">龙城一号别墅</a></h3>-->
<!--                                <span class="location"><img src="assets/images/icons/marker.png" alt="">龙泉驿区南山大道333号附12号</span>-->
<!--                            </div>-->
<!--                            <div class="right">-->
<!--                                <div class="type-wrap">-->
<!--                                    <span class="price">￥550<span>月</span></span>-->
<!--                                    <span class="type">出租</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;Property end&ndash;&gt;-->
<!--               -->
<!--                &lt;!&ndash;Property start&ndash;&gt;-->
<!--                <div class="property-item col-lg-4 col-md-6 col-12 mb-40">-->
<!--                    <div class="property-inner">-->
<!--                        <div class="image">-->
<!--                            <a href="single-properties.html"><img src="assets/images/property/property-5.jpg" alt=""></a>-->
<!--                            <ul class="property-feature">-->
<!--                                <li>-->
<!--                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <div class="left">-->
<!--                                <h3 class="title"><a href="single-properties.html">春天花园别墅</a></h3>-->
<!--                                <span class="location"><img src="assets/images/icons/marker.png" alt="">金牛区琴台西路668号</span>-->
<!--                            </div>-->
<!--                            <div class="right">-->
<!--                                <div class="type-wrap">-->
<!--                                    <span class="price">￥2550</span>-->
<!--                                    <span class="type">出售</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;Property end&ndash;&gt;-->
<!--               -->
<!--                &lt;!&ndash;Property start&ndash;&gt;-->
<!--                <div class="property-item col-lg-4 col-md-6 col-12 mb-40">-->
<!--                    <div class="property-inner">-->
<!--                        <div class="image">-->
<!--                            <span class="label">特色</span>-->
<!--                            <a href="single-properties.html"><img src="assets/images/property/property-6.jpg" alt=""></a>-->
<!--                            <ul class="property-feature">-->
<!--                                <li>-->
<!--                                    <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                </li>-->
<!--                            </ul>-->
<!--                        </div>-->
<!--                        <div class="content">-->
<!--                            <div class="left">-->
<!--                                <h3 class="title"><a href="single-properties.html">万科西山别墅</a></h3>-->
<!--                                <span class="location"><img src="assets/images/icons/marker.png" alt="">高新区蜀都大道12号</span>-->
<!--                            </div>-->
<!--                            <div class="right">-->
<!--                                <div class="type-wrap">-->
<!--                                    <span class="price">￥550<span>月</span></span>-->
<!--                                    <span class="type">出租</span>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                &lt;!&ndash;Property end&ndash;&gt;-->
                
            </div>
            
        </div>
    </div>
    <!--New property section end-->

    <!--Welcome 房产交易平台section-->
    <div class="feature-section feature-section-border-top section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-60 pb-lg-40 pb-md-30 pb-sm-20 pb-xs-10">
        <div class="container">
            <div class="row row-25 align-items-center">
               
                <!--Feature Image start-->
                <div class="col-lg-5 col-12 order-1 order-lg-2 mb-40">
                    <div class="feature-image"><img src="../assets/images/others/feature.png" alt=""></div>
                </div>
                <!--Feature Image end-->
                
                <div class="col-lg-7 col-12 order-2 order-lg-1 mb-40">
                    <div class="feature-wrap row row-25">
                       
                        <!--Feature start-->
                        <div class="col-sm-6 col-12 mb-50">
                            <div class="feature">
                                <div class="icon"><i class="pe-7s-piggy"></i></div>
                                <div class="content">
                                    <h4>低价房</h4>
                                    <p>便宜无好货，好货不便宜。。。请消费者自律呢</p>
                                </div>
                            </div>
                        </div>
                        <!--Feature end-->
                       
                        <!--Feature start-->
                        <div class="col-sm-6 col-12 mb-50">
                            <div class="feature">
                                <div class="icon"><i class="pe-7s-display1"></i></div>
                                <div class="content">
                                    <h4>优质房源</h4>
                                    <p>便宜无好货，好货不便宜。。。请消费者自律呢</p>
                                </div>
                            </div>
                        </div>
                        <!--Feature end-->
                       
                        <!--Feature start-->
                        <div class="col-sm-6 col-12 mb-50">
                            <div class="feature">
                                <div class="icon"><i class="pe-7s-map"></i></div>
                                <div class="content">
                                    <h4>最容易查找房源</h4>
                                    <p>便宜无好货，好货不便宜。。。请消费者自律呢</p>
                                </div>
                            </div>
                        </div>
                        <!--Feature end-->
                       
                        <!--Feature start-->
                        <div class="col-sm-6 col-12 mb-50">
                            <div class="feature">
                                <div class="icon"><i class="pe-7s-shield"></i></div>
                                <div class="content">
                                    <h4>最可靠房源</h4>
                                    <p>便宜无好货，好货不便宜。。。请消费者自律呢</p>
                                </div>
                            </div>
                        </div>
                        <!--Feature end-->
                        
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!--Welcome 房产交易平台section end-->

    <!--Download apps section start-->
    <div class="download-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50" style="background-image: url(../assets/images/bg/download-bg.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    
                    <!--Download Content start-->
                    <div class="download-content">
                        <h1>下载 <span>老九学堂</span> App <br>获取最新最优质房源信息</h1>
                        <div class="buttons">
                            <a href="#">
                                <i class="fa fa-apple"></i>
                                <span class="text">
                                    Apple Store
                                </span>
                            </a>
                            <a href="#">
                                <i class="fa fa-android"></i>
                                <span class="text">

                                    Google Play
                                </span>
                            </a>
                        </div>
                        <div class="image"><img src="../assets/images/others/app.png" alt=""></div>
                    </div>
                    <!--Download Content end-->
                    
                </div>
            </div>
        </div>
    </div>
    <!--Download apps section end-->

    <!--Services section start-->
    <div class="service-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-70 pb-lg-50 pb-md-40 pb-sm-30 pb-xs-20">
        <div class="container">
        
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>我们的服务</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row row-30 align-items-center">
                <div class="col-lg-5 col-12 mb-30" >
                    <div class="property-slider-2"  th:each="houseVo : ${houseVos}">
                        <div class="property-2">
                            <div class="property-inner">
                                <a href="single-properties.html" class="image"><img src="../assets/images/property/property-13.jpg" alt=""></a>
                                <div class="content">
                                    <h4 class="title"><a href="single-properties.html" th:text="${houseVo.title}"></a></h4>
                                    <span class="location" th:text="${houseVo.location}"></span>
                                    <h4 class="type">出租 <span>￥550 <span>月</span></span></h4>
                                    <ul>
                                        <li th:text="${houseVo.bed} + 卧"></li>
                                        <li th:text="${houseVo.bath} + 卫"></li>
                                        <li th:text="${houseVo.parking} + 车位"></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
<!--                        <div class="property-2">-->
<!--                            <div class="property-inner">-->
<!--                                <a href="single-properties.html" class="image"><img src="assets/images/property/property-14.jpg" alt=""></a>-->
<!--                                <div class="content">-->
<!--                                    <h4 class="title"><a href="single-properties.html">木马山别墅</a></h4>-->
<!--                                    <span class="location">城北大道450号附22号</span>-->
<!--                                    <h4 class="type">出租 <span>￥550 <span>月</span></span></h4>-->
<!--                                    <ul>-->
<!--                                        <li>6卧</li>-->
<!--                                        <li>4卫</li>-->
<!--                                        <li>3车位</li>-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                </div>
                <div class="col-lg-7 col-12">
                    <div class="row row-20">

                        <!--Service start-->
                        <div class="col-md-6 col-12 mb-30">
                            <div class="service">
                                <div class="service-inner">
                                    <div class="head">
                                        <div class="icon"><img src="../assets/images/service/service-1.png" alt=""></div>
                                        <h4>房产购买</h4>
                                    </div>
                                    <div class="content">
                                        <p>房产交易属于大宗资产交易，市场准入有风险呢，请买卖双方自律。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Service end-->

                        <!--Service start-->
                        <div class="col-md-6 col-12 mb-30">
                            <div class="service">
                                <div class="service-inner">
                                    <div class="head">
                                        <div class="icon"><img src="../assets/images/service/service-2.png" alt=""></div>
                                        <h4>售卖房产</h4>
                                    </div>
                                    <div class="content">
                                        <p>房产交易属于大宗资产交易，市场准入有风险呢，请买卖双方自律。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Service end-->

                        <!--Service start-->
                        <div class="col-md-6 col-12 mb-30">
                            <div class="service">
                                <div class="service-inner">
                                    <div class="head">
                                        <div class="icon"><img src="../assets/images/service/service-3.png" alt=""></div>
                                        <h4>房产租赁</h4>
                                    </div>
                                    <div class="content">
                                        <p>房产交易属于大宗资产交易，市场准入有风险呢，请买卖双方自律。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Service end-->

                        <!--Service start-->
                        <div class="col-md-6 col-12 mb-30">
                            <div class="service">
                                <div class="service-inner">
                                    <div class="head">
                                        <div class="icon"><img src="../assets/images/service/service-4.png" alt=""></div>
                                        <h4>房产抵押</h4>
                                    </div>
                                    <div class="content">
                                        <p>房产交易属于大宗资产交易，市场准入有风险呢，请买卖双方自律。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--Service end-->

                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!--Services section end-->

    <!--Feature property section start-->
    <div class="property-section section pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>特色房产</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
               
                <!--Property Slider start-->
                <div class="property-carousel section">

                    <!--Property start-->
                    <div class="property-item col" th:each="houseVo : ${houseVos}">
                        <div class="property-inner">
                            <div class="image">
                                <a href="single-properties.html"><img src="../assets/images/property/property-1.jpg" alt=""></a>
                                <ul class="property-feature">
                                    <li>
                                        <span class="area"><img src="../assets/images/icons/area.png" alt="" th:text="${houseVo.size}"></span>
                                    </li>
                                    <li>
                                        <span class="bed"><img src="../assets/images/icons/bed.png" alt="" th:text="${houseVo.bed}"></span>
                                    </li>
                                    <li>
                                        <span class="bath"><img src="../assets/images/icons/bath.png" alt="" th:text="${houseVo.bath}"></span>
                                    </li>
                                    <li>
                                        <span class="parking"><img src="../assets/images/icons/parking.png" alt="" th:text="${houseVo.parking}"></span>
                                    </li>
                                </ul>
                            </div>
                            <div class="content">
                                <div class="left">
                                    <h3 class="title"><a href="single-properties.html" th:text="${houseVo.title}"></a></h3>
                                    <span class="location"><img src="../assets/images/icons/marker.png" alt="" th:text="${houseVo.location}"></span>
                                </div>
                                <div class="right">
                                    <div class="type-wrap">
                                        <span class="price" th:text="${houseVo.price}"></span>
                                        <span class="type" th:text="${houseVo.type}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Property end-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">特色</span>-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-2.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">木马山别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">城北大道450附22号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥2550</span>-->
<!--                                        <span class="type">出售</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">热门</span>-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-3.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">皇家一号公寓</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">锦江区福字街215号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-4.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">龙城一号别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">龙泉驿区南山大道333号附12号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-5.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">春天花园别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">金牛区琴台西路668号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥2550</span>-->
<!--                                        <span class="type">出售</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">特色</span>-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-6.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">万科西山别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">高新区蜀都大道12号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

                </div>
                <!--Property Slider end-->
                
            </div>
            
        </div>
    </div>
    <!--Feature property section end-->

    <!--CTA Section start-->
    <div class="cta-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50" style="background-image: url(../assets/images/bg/cta-bg.jpg)">
        <div class="container">
            <div class="row">
                <div class="col">
                    
                    <!--CTA start-->
                    <div class="cta-content text-center">
                        <h1>想<span>购买</span>新房产或者想<span>出售</span>房产 <br> 请找<span>老九学堂</span></h1>
                        <div class="buttons">
                            <a href="add-properties.html">新增房产</a>
                            <a href="properties.html">浏览房产</a>
                        </div>
                    </div>
                    <!--CTA end-->
                    
                </div>
            </div>
        </div>
    </div>
    <!--CTA Section end-->

    <!--Agent Section start-->
    <div class="agent-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
           
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>我的代理</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
                <div class="agent-carousel section">

                    <!--Agent satrt-->
                    <div class="col"  th:each="agentVo:${agentVos}">
                        <div class="agent">
                            <div class="image">
                                <a class="img" href="agent-details.html"><img src="../assets/images/agent/agent-1.jpg" alt=""></a>
                                <!--<div class="social">-->
                                    <!--<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
                                    <!--<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
                                    <!--<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
                                    <!--<a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
                                <!--</div>-->
                            </div>
                            <div class="content">
                                <h4 class="title"><a href="agent-details.html" th:text="${agentVo.title}"></a></h4>
                                <a href="#" class="phone" th:text="${agentVo.phone}"></a>
                                <a href="#" class="email" th:text="${agentVo.email}"></a>
                                <span class="properties" th:text="${agentVo.properties}"></span>
                            </div>
                        </div>
                    </div>
                    <!--Agent end-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-2.jpg" alt=""></a>-->
<!--                                &lt;!&ndash;<div class="social">&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="google"><i class="fa fa-google-plus"></i></a>&ndash;&gt;-->
<!--                                &lt;!&ndash;</div>&ndash;&gt;-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">朱.汉密尔顿</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">2房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-3.jpg" alt=""></a>-->
<!--                                &lt;!&ndash;<div class="social">&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="google"><i class="fa fa-google-plus"></i></a>&ndash;&gt;-->
<!--                                &lt;!&ndash;</div>&ndash;&gt;-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">克莉期丁.吉尔波特</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">4房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-4.jpg" alt=""></a>-->
<!--                                &lt;!&ndash;<div class="social">&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="google"><i class="fa fa-google-plus"></i></a>&ndash;&gt;-->
<!--                                &lt;!&ndash;</div>&ndash;&gt;-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">杰森.帕特</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">2房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-5.jpg" alt=""></a>-->
<!--                                &lt;!&ndash;<div class="social">&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="facebook"><i class="fa fa-facebook"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>&ndash;&gt;-->
<!--                                    &lt;!&ndash;<a href="#" class="google"><i class="fa fa-google-plus"></i></a>&ndash;&gt;-->
<!--                                &lt;!&ndash;</div>&ndash;&gt;-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">德布拉.依尔斯</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">3房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

                </div>
            </div>
        </div>
    </div>
    <!--Agent Section end-->

    <!--News Section start-->
    <div class="news-section section pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
           
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>房产最近新闻</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
                <div class="news-carousel section">

                    <!--News start-->
                    <div class="col"  th:each="houseAndAgentVo :${houseAndAgentVos}">
                        <div class="news">
                            <div class="image">
                                <a href="news-details.html"><img src="../assets/images/news/news-1.jpg" alt=""></a>
                                <div class="meta-wrap">
                                    <ul class="meta">
                                        <li>由 <a href="#" th:text="${houseAndAgentVo.agentName}"></a></li>
                                        <li th:text="${houseAndAgentVo.time}"></li>
                                    </ul>
                                    <ul class="meta back">
                                        <li>由 <a href="#" th:text="${houseAndAgentVo.agentName}"></a></li>
                                        <li th:text="${houseAndAgentVo.time}"></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="content">
                                <h4 class="title"><a href="news-details.html" th:text="${houseAndAgentVo.type}"></a></h4>
                                <div class="desc">
                                    <p>房产交易平台 the best theme for  elit, sed do to eiumod tempor dolor sit amet.</p>
                                </div>
                                <a href="news-details.html" class="readmore">继续浏览</a>
                            </div>
                        </div>
                    </div>
                    <!--News end-->

<!--                    &lt;!&ndash;News start&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="news">-->
<!--                            <div class="image">-->
<!--                                <a href="news-details.html"><img src="assets/images/news/news-2.jpg" alt=""></a>-->
<!--                                <div class="meta-wrap">-->
<!--                                    <ul class="meta">-->
<!--                                        <li>由 <a href="#">唐纳德</a></li>-->
<!--                                        <li>2018年12月30日</li>-->
<!--                                    </ul>-->
<!--                                    <ul class="meta back">-->
<!--                                        <li>由 <a href="#">唐纳德</a></li>-->
<!--                                        <li>2018年12月30日</li>-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="news-details.html">抵押房产</a></h4>-->
<!--                                <div class="desc">-->
<!--                                    <p>房产交易平台 the best theme for  elit, sed do to eiumod tempor dolor sit amet.</p>-->
<!--                                </div>-->
<!--                                <a href="news-details.html" class="readmore">继续浏览</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;News end&ndash;&gt;-->

<!--                    &lt;!&ndash;News start&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="news">-->
<!--                            <div class="image">-->
<!--                                <a href="news-details.html"><img src="assets/images/news/news-3.jpg" alt=""></a>-->
<!--                                <div class="meta-wrap">-->
<!--                                    <ul class="meta">-->
<!--                                        <li>By <a href="#">Sean</a></li>-->
<!--                                        <li>2018年12月30日</li>-->
<!--                                    </ul>-->
<!--                                    <ul class="meta back">-->
<!--                                        <li>By <a href="#">Sean</a></li>-->
<!--                                        <li>2018年12月30日</li>-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="news-details.html">学区房</a></h4>-->
<!--                                <div class="desc">-->
<!--                                    <p>房产交易平台 the best theme for  elit, sed do to eiumod tempor dolor sit amet.</p>-->
<!--                                </div>-->
<!--                                <a href="news-details.html" class="readmore">继续浏览</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;News end&ndash;&gt;-->

<!--                    &lt;!&ndash;News start&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="news">-->
<!--                            <div class="image">-->
<!--                                <a href="news-details.html"><img src="assets/images/news/news-4.jpg" alt=""></a>-->
<!--                                <div class="meta-wrap">-->
<!--                                    <ul class="meta">-->
<!--                                        <li>By <a href="#">Sean</a></li>-->
<!--                                        <li>2018年12月30日</li>-->
<!--                                    </ul>-->
<!--                                    <ul class="meta back">-->
<!--                                        <li>By <a href="#">Sean</a></li>-->
<!--                                        <li>2018年12月30日</li>-->
<!--                                    </ul>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="news-details.html">政府出租房</a></h4>-->
<!--                                <div class="desc">-->
<!--                                    <p>房产交易平台 the best theme for  elit, sed do to eiumod tempor dolor sit amet.</p>-->
<!--                                </div>-->
<!--                                <a href="news-details.html" class="readmore">继续浏览</a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;News end&ndash;&gt;-->

                </div>
            </div>
        </div>
    </div>
    <!--News Section end-->
    
    <!--Brand section start-->
    <div th:replace="layout::brand"></div>
    <!--Brand section end-->

    <!--底部样式-->
    <div th:replace="layout::footer"></div>
</div>

<!-- Placed js at the end of the document so the pages load faster -->


<template th:replace="layout::js"></template>

</body>

</html>
